<%@ page language="java" contentType="text/html; charset=UTF-8"
                pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户登陆页面</title>
    <style type="text/css">
        table{
            border: 1px solid blue;
            border-collapse: collapse;
            width: 600px;
            margin: 100px auto;
        }
        table td,table th{
            border: 1px solid blue;
            padding: 20px;
        }

    </style>
    <script type="text/javascript" src="<c:url value='/js/jquery-1.6.4.min.js'/>"></script>
</head>
<body>
message=${message}<br/>
<form  action="<c:url value='/user/login.action'/>" method="post"  id="form_login">
    <table>
        <tr><th>用户名字:</th><td><input  type="text" name="uname"/></td></tr>
        <tr><th>用户密码:</th><td><input  type="text" name="upwd"/></td></tr>
        <tr><th><img src="<c:url value='/user/yzm.action'/>" id="img_yzm"/></th><td><input  type="text" name="uyzm"  placeholder='输入验证码'/></td></tr>
        <tr><th colspan="2"><input  type="button" value="注册" id="but_regist"/>  &nbsp; &nbsp; &nbsp; &nbsp;
            <input  type="submit" value="登陆"/></th></tr>

    </table>
</form>
<script type="text/javascript">
    $(function(){
        $("#img_yzm").bind("click",function(){
            $("#img_yzm").attr("src","<c:url value='/user/yzm.action?time='/>"+new Date().getTime());
        });

        $("#but_regist").bind("click",function(){
             window.location.href="<c:url value='/user_regist.jsp'/>";
        });
    });

</script>
</body>
</html>